<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Jekas  - Software, Studio and Corporate Responsive Template</title>    
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    
    <!-- Your styles -->
    <link href="css/style.css" rel="stylesheet" media="screen">

     <!-- Favicons
    ================================================== -->
    <link rel="shortcut icon" href="img/icons/favicon.ico">
    <link rel="apple-touch-icon" href="img/icons/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-touch-icon-114x114.png">    

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- styles for IE -->
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="css/ie/ie.css" type="text/css" media="screen" />
    <![endif]-->
   
  </head>
  <body> 
    <div class="container wraper">
        <!-- Header-->
        <header class="section_title">            
            <!-- nav_logo-->
            <div class="nav_logo animated fadeInDown delay1">            
                <div class="container">
                    <div class="row-fluid">

                        <!-- Logo-->
                        <div class="span3 logo">
                            <a href="index.html" title="Back to Home">                            
                                <img src="img/logo.png" alt="Logo">
                            </a>
                        </div>
                        <!-- End Logo-->
                                                      
                        <!-- Nav-->
                        <nav class="span9">
                            <!-- Menu-->
                            <ul id="menu" class="sf-menu">
                                <li>
                                    <a href="index.html">HOME</a>
                                    <ul>                                  
                                        <li><a href="index.html">Camera Slider</a></li>
                                        <li><a href="index_static.html">Static Header</a></li>
                                    </ul>
                                </li>
                                <li><a href="about.html">ABOUT</a></li>
                                <li><a href="services.html">SERVICES</a></li>
                                <li>
                                    <a href="work.html">WORK</a>
                                    <ul>                                  
                                        <li><a href="work3.html">3 Columns</a></li>
                                        <li><a href="work.html">4 Columns</a></li>
                                        <li><a href="single_work.html">Single Work</a></li>
                                    </ul>
                                </li>
                                 <li>
                                    <a href="blog.html">BLOG</a>
                                    <ul>                                  
                                        <li><a href="blog.html">Post</a></li>
                                        <li><a href="single_post.html">Single Post</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="tables_princing.html">FEATURES</a>
                                    <ul>                                  
                                        <li><a href="tables_princing.html">Princing Tables</a></li>
                                        <li><a href="grid.html">Grind System</a></li>
                                        <li><a href="typograpy.html">Tipograpy</a></li>
                                        <li><a href="icons.html">Icons</a></li>
                                        <li><a href="elements.html">Elements</a></li>
                                    </ul>
                                </li>                                                        
                                <li><a href="contact.html">CONTACT</a></li>
                            </ul>
                            <!-- End Menu-->
                        </nav>
                        <!-- End Nav-->
                                                 
                    </div>
                </div>
            </div>
            <!-- End nav_logo-->

            <!-- Info section Title-->
            <div class="container">
                <div class="row-fluid animated fadeInUp delay1">
                    <div class="span5">
                        <h1>Our Services</h1>
                    </div>
                    <div class="span7">                        
                        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac.</p>
                    </div>
                </div>
            </div>            
            <!-- End Info section Title--> 

        </header>
        <!-- End Header-->

        <!-- crumbs-->
        <div class="crumbs border_bottom">
            <div class="container">
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li>/</li>
                    <li>Our Services</li>                                       
                </ul>
            </div>        
        </div>
        <!-- End crumbs-->

        <!-- End content info -->
        <section class="content_info">
            
            <!-- Info title-->
            <div class="row-fluid info_title animated fadeInUp delay2">
                <div class="vertical_line">
                    <div class="circle_top"></div>
                </div>
                <div class="info_vertical">
                    <h2>Our Process</h2>
                    <p>“Sollemnes wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip consequat.”</p>
                </div>
                <div class="vertical_line"></div>

                 <i class="icon-cogs right"></i>
            </div>
            <!-- End Info title-->

             <!-- Info resalt-->
            <div class="info_resalt borders">
                <div class="container">
                     <div class="row text-center service-process">

                        <!-- Step 1 -->                        
                          <div class="span3">
                              <div class="thumbnail">
                                <div class="caption-head">
                                  <em class="caption-icon icon-lightbulb icon-big"></em>                            
                                  <h2 class="caption-title">Imagine</h2>
                                </div>
                              </div>
                          </div>                        

                        <!-- Step 2 -->                        
                          <div class="span3">
                              <div class="thumbnail">
                                <div class="caption-head">
                                    <em class="caption-icon icon-edit icon-big"></em>
                                    <h2 class="caption-title">Strategy</h2>
                                </div>
                              </div>
                          </div>                        

                        <!-- Step 3 -->
                        <div class="span3">
                            <div class="thumbnail">
                              <div class="caption-head">
                                <em class="caption-icon icon-cog icon-big"></em>
                                  <h2 class="caption-title">Build</h2>
                              </div>
                            </div>
                        </div>

                        <!-- Step 4 -->
                        <div class="span3">
                            <div class="thumbnail">
                              <div class="caption-head">
                                <em class="caption-icon icon-plane icon-big"></em>
                                  <h2 class="caption-title">Launch</h2>
                              </div>                           
                            </div>
                        </div>
                    </div>                    
                
                </div>
            </div>
            <!-- End Info resalt-->            

            <!-- Info title-->
            <div class="row-fluid info_title">
                <div class="vertical_line">
                    <div class="circle_bottom"></div>
                </div>
                <div class="info_vertical">
                    <h2>Our Products</h2>
                    <p>Sollemnes wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip consequat</p>
                </div>
                <div class="vertical_line"></div>

                <i class="icon-coffee left"></i>
            </div>
            <!-- End Info title-->

            <!-- Info resalt-->
            <div class="info_resalt borders">
                <div class="container">
                    <div class="row-fluid">
                        <div class="span8 padding_left">
                             <h2>How does your website perform?</h2>
                             <h5>Real data from real visitors equals real performance data.</h5>
                             <p class="lead">"Some interactions on your website are particularly important, and you want to make sure those parts aren’t broken or slow".</p>
                             <p>So your website is up and running smoothly, but do you know how your visitors experience your website, right now? Utilize Real User Monitoring to see performance data from your actual visitors. It gives you invaluable insights into your website’s load time.</p>
                            <div class="row-fluid padding_top_mini">
                                <a href="#" class="button"><i class="icon-android"></i> Google Play</a>                           
                                <a href="#" class="button"><i class="icon-apple"></i> Apple Store</a>
                            </div>
                        </div>
                        <!-- Image animation-->
                        <div class="span4 image_resalt">
                            <div class="animation">
                                <img src="img/services/1.png" alt="Image">
                            </div>
                        </div>
                        <!-- End Image animation-->
                    </div>
                </div>
            </div>
            <!-- End Info resalt-->

            <!-- Info White-->
            <div class="info_white">
                <div class="container">
                    <div class="row-fluid"> 
                        <!-- Image animation-->
                        <div class="span7 image_resalt">
                            <div class="animation_two">
                                <img src="img/services/2.png" alt="Image">                             
                            </div>
                         </div>
                        <!-- End Image animation-->
                        <div class="span5 padding_top">
                            <h2>Mobile App Development!</h2>
                            <h5>Real data from real visitors equals real performance data.</h5>
                            <div class="row-fluid padding_top_mini">
                                <a href="#" class="button"><i class="icon-android"></i> Google Play</a>                           
                                <a href="#" class="button"><i class="icon-apple"></i> Apple Store</a>
                            </div>
                         </div>
                    </div>
                </div>
            </div>
            <!-- End Info White-->

             <!-- Info resalt-->
            <div class="info_resalt borders">
                <div class="container">
                    <div class="row-fluid">
                        <div class="span8 padding_left">
                             <h2>User Experience Visionaries?</h2>
                             <h5>Innovating the Future.</h5>
                             <p class="lead">"Some interactions on your website are particularly important, and you want to make sure those parts aren’t broken or slow".</p>
                             <p>So your website is up and running smoothly, but do you know how your visitors experience your website, right now? Utilize Real User Monitoring to see performance data from your actual visitors. It gives you invaluable insights into your website’s load time, and also helps answer questions like how your website really perform from a specific country or web browser.</p>
                            <div class="row-fluid padding_top_mini">
                                <a href="#" class="button"><i class="icon-android"></i> Google Play</a>                           
                                <a href="#" class="button"><i class="icon-apple"></i> Apple Store</a>
                            </div>
                        </div>
                        <!-- Image animation-->
                        <div class="span4 image_resalt padding_right">
                            <div class="animation">
                                <img src="img/services/3.png" alt="Image">
                            </div>
                        </div>
                        <!-- End Image animation-->
                    </div>
                </div>
            </div>
            <!-- End Info resalt-->


           <!-- Info title-->
            <div class="row-fluid info_title">
                <div class="vertical_line">
                    <div class="circle_bottom"></div>
                </div>
                <div class="info_vertical" id="scale-it">
                    <h2>Comments</h2>
                    <p>“Sollemnes wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip consequat.”</p>
                </div>
                <div class="vertical_line"></div>

                <i class="icon-comment left"></i>
            </div>
            <!-- End Info title-->


            <!-- testimonials-->
            <section class="info_resalt border_top">
                <div class="comments_carousel" id="comments_carousel">                
                    <ul class="slides">
                        <li>
                            <div class="image">
                                <img src="img/commnets/1.jpg" alt="Image">                        
                            </div>
                            <div class="arrow_coment"></div>
                            <div class="name">
                                <h3>Jeny Martinez</h3>
                            </div>                    
                            <div class="job">
                                <h3>Social Media</h3>
                            </div>
                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
                        </li>
                        <li>
                            <div class="image">
                                <img src="img/commnets/2.jpg" alt="Image">                        
                            </div>
                            <div class="arrow_coment"></div>
                            <div class="name">
                                <h3>Mager retry</h3>
                             </div>                    
                            <div class="job">
                                <h3>Development</h3>
                            </div>
                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
                        </li>
                        <li>
                            <div class="image">
                                <img src="img/commnets/3.jpg" alt="Image">                        
                            </div>
                            <div class="arrow_coment"></div>
                            <div class="name">
                                <h3>Jertye Falcao</h3>
                            </div>                    
                            <div class="job">
                                <h3>Web designer</h3>
                            </div>
                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</p>
                        </li>
                    </ul>    
                </div>  
            </section>  
            <!-- End testimonials--> 

        </section>
        <!-- End content info-->

        <!-- footer-->
        <footer>
            <div class="container">
                <div class="row-fluid">
                    
                    <!-- Follow Us-->
                    <div class="span2">
                        <h3>FOLLOW US</h3>
                        <ul class="social">
                            <li class="facebook"><span><i class="icon-facebook"></i></span><a href="#">Facebook</a></li>
                            <li class="twitter"><span><i class="icon-twitter"></i></span><a href="#">Twitter</a></li>
                            <li class="github"><span><i class="icon-github"></i></span><a href="#">Github</a></li>
                            <li class="linkedin"><span><i class="icon-linkedin"></i></span><a href="#">Linkedin</a></li>
                        </ul>
                    </div>
                    <!-- End Follow Us-->
                    
                    <!-- Recent links-->
                    <div class="span2">
                        <h3>RECENT LINKS</h3>
                        <ul>
                            <li><a href="#">Work</a></li>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Services</a></li>
                            <li><a href="#">Contact Us</a></li>
                        </ul>
                    </div>
                    <!-- End Recent links-->

                    <!-- End Company-->
                    <div class="span2">
                        <h3>COMPANY</h3>
                        <ul>
                            <li><a href="#">Work</a></li>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Services</a></li>
                            <li><a href="#">Contact Us</a></li>
                        </ul>
                    </div>
                    <!-- Company-->

                    <!-- Newsletter-->
                    <div class="span3">
                         <h3>NEWSLETTER SIGN UP</h3>  
                         <form>                    
                              <div class="input-prepend">
                                    <span class="add-on"><i class="icon-align-left"></i></span>                      
                                    <input type="text" required="" placeholder="Your Name">
                              </div>

                              <div class="input-prepend">
                                    <span class="add-on"><i class="icon-envelope"></i></span>                      
                                    <input type="email" required="" placeholder="Your Email">
                              </div>                    
                              
                              <input type="submit" value="Send" class="button">
                          </form>                      
                    </div>
                    <!-- end Newsletter-->

                    <!-- Contact Us-->
                    <div class="span3">
                       <h3>CONTACT US</h3>
                       <ul class="contact_footer">
                            <li>
                                <i class="icon-envelope"></i> <a href="#">example@example.com</a>
                            </li>
                            <li>
                                <i class="icon-headphones"></i> <a href="#">55-5698-4589</a>
                             </li>
                            <li class="location">
                                <i class="icon-home"></i> <a href="#"> Av new stret - New York</a>
                            </li>                                   
                        </ul>
                    </div>
                    <!-- Contact Us-->

                </div>
            </div>
        </footer>      
        <!-- End footer-->

        <!-- footer-->
        <footer class="coopring">
            <p>&copy; 2013 Jekas. All Rights Reserved.</p>
        </footer>      
        <!-- End footer-->
    </div>
   
        <!-- ======================= JQuery libs =========================== -->
        <!-- Always latest version of jQuery-->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>   
        <!-- jQuery local-->      
        <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
        <!-- jQuery ui-->    
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
        <!--Nav-->
        <script type="text/javascript" src="js/nav/tinynav.js"></script> 
        <script type="text/javascript" src="js/nav/superfish.js"></script>                                             
        <!--Totop-->
        <script type="text/javascript" src="js/totop/jquery.ui.totop.js" ></script>  
        <!--Slide-->
        <script type="text/javascript" src="js/slide/camera.js" ></script>      
        <script type='text/javascript' src='js/slide/jquery.easing.1.3.min.js'></script>   
        <!--flexsilider-->
        <script type="text/javascript" src="js/carousel/jquery.flexslider.js"></script>    
        <!--Ligbox--> 
        <script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.1.js"></script>  
        <!--Scrollama--> 
        <script type="text/javascript" src="js/scrollama/TweenMax.min.js"></script>
        <script type="text/javascript" src="js/scrollama/jquery.superscrollorama.js"></script>    
        <!--Gallery Grid--> 
        <script type="text/javascript" src="js/gallery/modernizr.custom.26633.js"></script>
        <script type="text/javascript" src="js/gallery/jquery.gridrotator.js"></script>     
        <!--Minislider Team-->         
        <script type="text/javascript" src="js/team/modernizr.custom.63321.js"></script>
        <script type="text/javascript" src="js/team/jquery.catslider.js"></script> 
        <!--Filters-->
        <script type="text/javascript" src="js/filters/filters.js" ></script>                            
        <!-- Bootstrap.js-->
        <script type="text/javascript" src="js/bootstrap/bootstrap.js"></script>
        <!--fUNCTIONS-->
        <script type="text/javascript" src="js/jquery-func.js"></script>
        <!-- ======================= End JQuery libs =========================== -->


  </body>
</html>